<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui-flex.css" />
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../../css/common.css" />
    <style>
        /*弹窗*/
        body {
            background: transparent;
        }

        .popBox {
            left: 1.9rem;
            right: 1.9rem;
        }
        .popBox.mid {
            top: 50%;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
        .que {
            font-size: 14px;
            color: #333333;
            text-align: center;
            padding: 1.8rem 0;
        }
        .bot-btn>div {
            width: 50%;
            font-size: 0.7rem;
            text-align: center;
            color: #fff;
            height: 2.5rem;
            line-height: 2.5rem;
        }
        .bot-btn>div.can {
            background: #ccc;
        }

        .bot-btn>div.del {
            background: #E63350;
        }
    </style>
</head>

<body>
    <div class="popOverlay" tapmode onClick="api.closeFrame();"></div>
    <div class="popBox mid">
        <div class="que">确认删除该草稿吗？</div>
        <div class="aui-flex-col bot-btn">
            <div class="can">取消</div>
            <div class="del" tapmode onclick="del1()">删除</div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript">
    apiready = function() {
        api.parseTapmode();

    };
    function del1(){
        api.sendEvent({
            name: 'delDraft',
            extra: {
                del: 'del'
            }
        });
        api.closeFrame()
    }
</script>

</html>
